﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Login.aspx.cs" Inherits="Sys_PersonnelManagement.Web.Login" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <style>
        #form1{
            width:100%;
            height:710px;
           /* background-color:lightgrey;*/
            background:url("../Img/3.jpg");
           background-repeat:no-repeat;
            
        }
        #login{
            width:520px;
            height:450px;
            /*background-color:grey;*/
            
            color:white;
            float:right;
            margin-top:85px;
            padding-top:60px;
            padding-left:50px;
        }
        #text{
            width:480px;
            height:40px;
            line-height:40px;
            text-align:center;
        }
        #txtUserName{
            width:240px;
            height:25px;
            margin-top:100px;
            margin-bottom:10px;
            margin-right: -5px;
            
        }
        #txtPasswd{
            width:240px;
            height:25px;
        }
        #btn_Login{
            width:256px;
            height:45px;
            line-height:45px;
            margin-top:40px;
            /*background-color:transparent;*/
            border:1px solid white;
            color:white;
           /* border-radius:5px;*/
            font-size:18px;
            /*background: #eb94d0;*/
            /* 创建渐变 */
            background-image: -webkit-linear-gradient(top, #91aae1, #2079b0);
            background-image: -moz-linear-gradient(top, #91aae1, #2079b0);
            background-image: -ms-linear-gradient(top, #91aae1, #2079b0);
            background-image: -o-linear-gradient(top, #91aae1, #2079b0);
            background-image: linear-gradient(to bottom, #91aae1, #2079b0);
            /* 给按钮添加圆角 */
            -webkit-border-radius: 28;
            -moz-border-radius: 28;
            border-radius: 15px;
            text-shadow: 3px 2px 1px #9daef5;
            -webkit-box-shadow: 6px 5px 24px #666666;
            -moz-box-shadow: 6px 5px 24px #666666;
            box-shadow: 6px 5px 24px #666666;
            font-family: Arial;
            /*color: #fafafa;*/
            /*font-size: 27px;*/
            padding-bottom: 19px;
            text-decoration: none;
        }
        #btn_Login:hover{
            
            font-size:20px;
            color:white;
            background-color:pink;     
            text-decoration: none;
        }
        #btn{
            margin-left:120px;
        }
        
        #tb{
            text-align:center;
            margin-left: -66px;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
        <div id="login">
            <div id="text">
                <%--<h2>PersonnelManagement</h2>--%>
                <h2>Staffing System</h2>
                <p>员工管理系统</p>
            </div>
            <div id="tb">
                 &nbsp; &nbsp;用户名：<asp:TextBox ID="txtUserName" runat="server" placeholder="请输入用户名" Height="40px" Width="250px"></asp:TextBox><br />
                 &nbsp;&nbsp;&nbsp;
                密 &nbsp;&nbsp; 码：<asp:TextBox ID="txtPasswd" placeholder="请输入密码" Height="40px" Width="250px" runat="server" TextMode="Password"></asp:TextBox><br />
            </div>
            <div id="btn">
                <asp:Button ID="btn_Login" runat="server" Text="登        录" OnClick="btn_Login_Click"/>
            </div>
        </div>
    </form>
</body>
</html>
